header {
  position: fixed;
  z-index: 1000;
  height: 64px;
  padding: 0 32px;
  width: 100%;
  background: #F8FAFE;
  transition: box-shadow .3s ease-out, background .3s ease-out;
  &.show-shadow{
    background: #FDFDFD;
    box-shadow: 0 2px 8px rgba(229, 229, 229, 0.5);
  }
  .logo {
    background: url(../img/logo.png) no-repeat center;
    display: inline-block;
    width: 40px;
    height: 64px;
    &-wrapper {
      display: inline-block;
      height: 100%;
      line-height: 64px;
      span {
        line-height: 64px;
        font-size: 20px;
        margin-right: 18px;
        white-space: nowrap;
        color: rgba(0,0,0,.9);
        display: inline-block;
        vertical-align: top;
      }
    }
  }
  .button{
     float: right;
     height: 100%;
     line-height: 64px;
     margin: 0px 0px 0px 8px;
     .ant-btn{
       border-radius: 32px;
       font-size: 14px;
       height: 32px;
     }
   }
  .button-style1{
    float: right;
    height: 100%;
    line-height: 64px;
    margin: 0px 0px 0px 8px;
    .ant-btn{
      border-radius: 0px;
      background-color:transparent;
      border: 0px;
      font-size: 14px;
      height: 32px;
    }
  }
  .Button:hover{
    background: rgba(229, 229, 229, 0.5);
  }
}
